<template>
  <div class="travelcontainer">
    <el-row type="flex" justify="space-between">
      <!-- 左边菜单 -->
      <div class="menus">
        <PostMenus />
      </div>

      <div class="post-wrapper">
        <PostWrapper/>
      </div>
    </el-row>
    <!-- <el-row class="post-wrapper"  type="flex" >
      右边
    </el-row>-->
  </div>
</template>

<script>
import PostMenus from "@/components/post/Postmenus";
import PostWrapper from "@/components/post/Postwrapper";
export default {
  components: {
    PostMenus,
    PostWrapper
  }
};
</script>
<style   lang='less'>
*{
  margin: 0;
  padding: 0;
  
}
.travelcontainer {
  margin: 0 auto;
  width: 1000px;
    padding-top: 20px;

  .menus {
    width: 260px;
    height: 100%;
    
  }
  .post-wrapper {
    width: 700px;
    // height: 400px;
    // background: #00f;
    margin-bottom:20px; 
  }
}
</style>